<template>
   <div class="construction">
       <img src="../../assets/image/supply/construction.jpg" alt="">
       <p class="p1">供求金链</p>
       <span class="p2">GOLD CHAIN OF SUPPLY AND DEMAND</span>
       <p class="p3">供求金链作为金色摇篮八大子平台之一，集中全行业各链端实体型企业，
           打造生态型供应链，为您提供原材料集约化采购、并链服务，并第一时
           间发布爆款，新品，优化成本，开拓市场</p>
   </div>
</template>

<script>
export default {
   name: 'Construction',
   data() {
       return {}
   },
  components: {}
}
</script>

<style scoped lang="less">
.construction{
    width: 100%;
    height: 6.3rem;
    position: relative;
    img{
        width: 100%;

    }
    .p1{
        font-size: 0.4rem;
        position: absolute;
        top: 1rem;
        left: 50%;
        transform: translateX(-50%);
        color: #ffffff;

    }
    .p2{
        text-align: center;
        font-size: 0.24rem;
        transform: scale(5/6);
        transform-origin: 0 0;
        position: absolute;
        width: 5.5rem;
        top: 1.6rem;
        left: 50%;
        transform: translateX(-50%);
        color: #b7b6bc;

    }
    .p3{
        font-size: 0.24rem;
        transform: scale(5/6);
        transform-origin: 0 0;
        position: absolute;
        top: 2.15rem;
        width: 7rem;
        left: 50%;
        transform: translateX(-50%);
        color: #dddcdf;
        display:inline-block

    }   
}

</style>
